<%@page import="java.util.ArrayList"%>
<%@page import="com.bdc.bean.TabConf"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@ include file="i18n_label.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><%=titelLabel%></title>

<script type="text/javascript" src="../js/jquery/jquery-1.5.min.js"></script>
<script type="text/javascript" src="../js/demo.js"></script>

<link rel="stylesheet" type="text/css" href="../css/style.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="../css/header_footer.css" media="screen"/>
 
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=IM+Fell+English' type='text/css' media="screen"/>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Tangerine" type='text/css' media="screen"/>
</head>
<body>
	<div id='header' class='wrapper_header'>
		<ul id="header_nav" class="nav-right">
			<li>
				<a href="#"><%=contactUsLabel%></a>
				<ul>
					<li><a href="#">baodacraft@baodacraft.com</a></li>
				</ul>
				<div class="clear"></div>
			</li>
		</ul>
	</div>

	<div class='center'>
		<h1 class='logo'>
			<p class="logo_main_tip">BaoDaCraft</p>
			<p class="logo_sub_tip">iron craft expert</p>
		</h1>
		
		<div class="main-content">
			<div class="main-nav" id="main-nav">
				<ul>
				<% List<TabConf> tabs = (ArrayList<TabConf>)request.getAttribute("tabs"); %>
				<%
					if(tabs != null) {
						for(int i = 0; i < tabs.size(); i++) {
				%>
						<li>
							<input type="hidden" value="<%=tabs.get(i).getType()%>" id="productType_<%=i%>" />
							<a id="<%=i%>" href="#" title="<%=tabs.get(i).getTitle()%>"><%=tabs.get(i).getTitle()%></a>
						</li>
						
				<%
						}
					}
				%>
					<li><a id="about" href="#">About us!</a></li>
				</ul>
			</div>
			
			<div class="main-view">
				<%String pageId = (String)request.getAttribute("pageId"); %>
				<input type="hidden" value='<%=pageId%>' id="pageId"></input>
				<iframe id="iframe_show_box" src='/baodacraft/product?pageId=<%=pageId%>&productType=<%=tabs.get(Integer.parseInt(pageId)).getType()%>' frameborder="0" width="100%" height="100%"></iframe>
			</div>
		</div><!-- .main-content -->
	</div>
   
	<div class="wrapper_footer">
	  <div class="copyright">&copy;Copyright <a href="mailto:skeeey.liu@gmail.com">skeeey.liu</a></div>
	</div>
</body>
</html>